<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="style/main.css">
    <link rel="stylesheet" type="text/css" href="style/lang.css">
    <link rel="stylesheet" type="text/css" href="style/sf.css">
    <title>Choose language...</title>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7664629045569792"
     crossorigin="anonymous"></script>
</head>

<body class="body text-center">
    <div class="l_main">
        <img class="l_pic" src="welcome_new.png">
        <p id="hw_cont">Choose language...</p>
        <div class="l_sect">
            <div class="l_select" id="hw_sect">
                <a href="sc/index.html" id="hw_cont">简体中文</a>
                <p id="hw_cont">我是洛奇，很高兴见到你！</p>
            </div>
            <div class="l_select" id="hw_sect">
                <a href="tc/index.html" id="hw_cont">繁體中文</a>
                <p id="hw_cont">我是洛奇，很高興見到你！</p>
            </div>
            <div class="l_select" id="hw_sect">
                <a href="en/index.html" id="hw_cont">English</a>
                <p id="hw_cont">I'm Rocky, nice to meet you!</p>
            </div>
            <div class="l_select" id="hw_sect">
                <a class="l_disabled" href="jp/index.html">日本語</a>
                <p id="hw_cont">ご期待ください！</p>
            </div>
        </div>
        <p>Repo: <span class="info"><a href="http://kirbysfan.github.io/rocky_homepage_old/lang_new.html">Github</a></span>&nbsp;|&nbsp;
            <span class="info"><a href="http://kirbysfan.gitee.io/rocky_homepage_old/lang_new.html">Gitee</a></span>&nbsp;|&nbsp;
        <p id="detail">&nbsp;</p>
        <div class="caution">
            <p><strong>The DNAxCAT character body is copyrighted to DNAxCAT.</strong></p>
        </div>
    </div>
    <script>
        var detail = document.getElementById("detail");
        const info = document.querySelectorAll(".info");
        var value;
        var type;
        info[0].setAttribute("onmouseenter", "type = 1; display(type)");
        info[1].setAttribute("onmouseenter", "type = 2; display(type)");
        function display(value){
            if(value === 1){
                detail.innerHTML = "Repo on Github.";
            }
            if(value === 2){
                detail.innerHTML = "Repo on Gitee.";
            }
        }
    </script>
</body>

</html>
